


        @media (max-width:1490px){
            .fluid,
            footer .footage .fluid{
                width:100%;
                padding:0px 95px;
            }
            footer .footage .fluid>p{
                right: 95px;
            }
            footer .contact .head p .cell{
                right: 95px;
            }
           
        }
        @media (max-width:1350px){
            .fluid {
                width: 100%;
                padding: 0px 65px;
            }
            
            header .navSide{
                width: 50px;
            }
            header .navSide .navBtn img{
                margin-left: 10px;
            }
            header .navSide .navBtn .btnTip{
                left:0px;
            }
            
            
            
            footer .contact .head p .cell{
                right: 65px;
                font-size: 26px;

            }
            footer .footage .fluid{
                transition: .5s all ease;
                padding:0px 65px;
            }
            footer .footage .fluid>p{
                right: 65px;
                transition: .5s all ease;
            }
        }
        @media (min-width:1251px){
            header .navSide nav .contn .middle>ul>li .col{
                width: 220px;
            }
            header .navSide nav {
                width: 300px;
            }
            header .navSide nav .contn .middle>ul>li .col>p,
            header .navSide nav .contn .middle>ul>li .col>a{
                padding-left: 50px;
                opacity: 0;
            }
            header .navSide nav>p span{
                
                transition: all ease .5s;
                opacity: 0;
                margin-left: 50px;
            }
            header .navSide.back nav .contn .middle>ul>li .col>p,
            header .navSide.back nav .contn .middle>ul>li .col>a{
                padding-left: 0px;
                opacity: 1;
            }
            header .navSide.back nav>p span{
                opacity: 1;
                margin-left: 0px;
            }
        }
        @media (max-width:1250px){
            header .navSide nav.complete{
                width:100%;
                height: initial;
                transition: transform .5s ease,opacity .5s ease;
                transform: translateY(100px);
                opacity: 0;
            }
            header .navSide.back nav.complete{
                transform: translateY(0px);
                opacity: 1;
            }
            .container.horizontal{
                margin-top:70px
            }
            .container.horizontal header .navSide{
                width: 100%;
                height: 70px;
                opacity: 1;
            }
            header .navSide nav{
                display: block;
                
            }
            header .navSide nav .contn{
                height:400px;
            }
            header .navSide nav .contn .box{
                width:100%;
            }
           
            header .navSide nav .contn .middle>ul>li .col>p,
            header .navSide nav .contn .middle>ul>li .col>a{
                padding: 10px 0px;
                font-size: 16px;
            }
            header .navSide nav .contn .box .middle {
                width: calc(100vw + 17px) !important;
            }
            .mobileDevice header .navSide nav .contn .box .middle {
                width: calc(100vw + 6px) !important;
            }
            header .navSide nav>p{
                margin-left: 60px;
            }
            header .navSide nav .contn .middle>ul>li .col{
                width:calc(100vw - 77px) !important;
            }
            .mobileDevice header .navSide nav .contn .middle>ul>li .col{
                width:calc(100vw - 66px) !important;
            }
            .mobileDevice .shave{
                height: 100%;
            }
        }
        @media (max-width:1200px){
            
            footer .contact .head p .cell{
                font-size: 24px;
                right:25px;
            }
            footer .contact .form .row p + p {
                margin-left: 8%;
            }
            footer .contact .form .row p {
                float: left;
                width: 28%;
            }
            .fluid{
                padding-left:25px;
                padding-right:25px;
            }
            footer .footage .fluid{
                padding:0px 25px;
            }
            footer .footage .fluid>p{
                right: 25px;
              
            }
        }
        @media (max-width:950px){
            footer .contact .head p{
                padding-top:15px;
                padding-bottom: 15px;
            }
            footer .contact .head p span + span{
                margin-top: 20px;
            }
            footer .contact .head p,
            footer .contact .head p .eng,
            footer .contact .head p .chn{
                display: block;
            }
            footer .contact .head p .eng{
                font-size: 36px;
                line-height: 36px;
            }
            footer .contact .head p .chn{
                font-size: 24px;
                line-height: 24px;
            }
            footer .contact .head p .cell{
                font-size: 20px;
                line-height: 42px;
                height: 42px;
                position: relative;
                right: initial;
                transform: initial;
            }
            footer .contact .form .row p{
                width: 50%;
                float: initial;
            }
            footer .contact .form .row p + p{
                margin-left: 0px;
                margin-top: 30px;
            }
            footer .contact .form .submit{
                width: 220px;
            }
        }
        @media(max-width:800px){
           
            footer .footage li{
                width: calc(100% / 3);
            }
            footer .footage li:first-child{
                width: 100%;
                margin-bottom: 40px;
            }
            footer .footage .fluid>p{
                position: initial;
                margin-top: 40px;
                text-align: right;
            }
        }
        @media(max-width:767px){
            header .navSide nav>p img{
                height: 100px;
            }
            header .navSide nav .contn{
                height:300px;
            }
            header .navSide nav .contn .middle>ul>li .col>p,
            header .navSide nav .contn .middle>ul>li .col>a{
                font-size: 14px;
                padding:6px 0px;
            }
            header .navSide nav .contn .middle>ul>li .col .sonMenu ul li{
                font-size: 14px;
            }
            header .navSide nav .contn .middle>ul>li .col .sonMenu ul li a span{
                padding: 8px 0px;
            }
            .fluid{
                padding-left:20px;
                padding-right: 20px;
            }
            .choosePage a{
                padding:0px 7.5px;
            }
            .choosePage>.line{
                width: 20px;
            }
        }
        @media (max-width:550px){
            
            footer .footage li{
                width: 100%;
                margin-bottom: 40px;
            }
            footer .footage li:first-child img{
                width: 100px;
                height: auto;
            }
            footer .footage .fluid>p span{
                display: block;
                text-align: center;
                float: initial;
            }
            footer .footage .fluid>p span + span{
                margin-top: 10px;
                margin-left: 0px;
            }
        }
        @media(max-width:480px){
            footer .footage .fluid>p{
                text-align: center;
            }
            footer .contact .form .row p{
                width: 220px;
            }
            footer .contact .form form p{
                padding:5px 0px;
            }
            footer .contact .form .submit{
                width: 150px;
                height: 36px;
                line-height: 36px;
            }
        }
    